<template>
  <div class="all">
    <div class="divT">
      结算中心
    </div>
    <div class="lis">
      <div class="content">
        <div class="cont">
          <span class="n-1">李四</span>
          <span class="n-2">15012340705</span>
        </div>
        <div class="wit">
          河南省新乡市红旗区南干道与新中大道
          交叉口B座10楼102室；邮编453000
        </div>
        <div></div>
      </div>
    </div>
    <div class="zhifu">
      <span class="s-1">本单请支付</span>
      <span class="s-2">¥392.12</span>
    </div>
    <div class="imgs">
      <div class="sanfang">使用第三方平台支付:</div>

      <div class="zhifubao">
        <img src="../../assets/4cart/zfb.png" alt="" class="img1">
        <span class="money">支付宝支付</span>
        <img src="../../assets/4cart/duihao.png" alt="" class="img2">
      </div>
      <div class="zhifubao">
        <img src="../../assets/4cart/wx.png" alt="" class="img1">
        <span class="money">微信支付</span>
        <img src="../../assets/4cart/huiduihao.png" alt="" class="img2">
      </div>
      <div class="shouqi">收起⬆</div>
    </div>
    <div class="boom">
      <div class="queren">确认支付</div>
    </div>
  </div>
</template>
<script>
</script>
<style scoped>
  .divT{
    background: #e53e42;
    text-align: center;
    font-size: 0.8rem;
    color: white;
    line-height: 2.13rem;
  }
  .lis{
    background: white;
    margin-bottom: 0.53rem;
  }
  .n-1{
    font-size: 0.62rem;
  }
  .n-2{
    font-size: 0.6rem;
    color: #666666;
    margin-left: 0.53rem;
  }
  .wit{
    width: 63%;
    font-size: 0.53rem;
    color: #666666;
  }
  .content{
    padding: 0.67rem 0.53rem;
  }
  .zhifu{
    background: white;
    padding: 0.67rem 0.53rem;
    font-size: 0.62rem;
    color: #666;
    margin-bottom: 0.53rem;
  }
  .s-2{
    float: right;
    color: red;
  }
  .imgs{
    background: white;
  }
  .sanfang{
    border-bottom: 1px solid #ccc;
    padding: 0.67rem 0.53rem;
    font-size: 0.62rem;
    color: #666;
  }
  .zhifubao{
    padding: 0.67rem 0.53rem;
    border-bottom: 1px solid #ccc;
    font-size: 0.62rem;
  }
  .img1{
    width: 1.11rem;
    margin-right: 0.5rem;
  }
  .img2{
    width: 0.67rem;
    float: right;
    margin-top: 0.2rem;
  }
  .shouqi{
    text-align: center;
    padding: 0.3rem;
  }
  .boom{
    text-align: center;
    margin-top: 5rem;
  }
  .queren{
    font-size: 0.62rem;
    width: 70%;
    background: red;
    margin: auto;
    border-radius: 1rem;
    padding: 0.3rem;
    color: white;
  }
</style>
